<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{$page.post_title}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <script src="//api.map.baidu.com/api?v=1.3"></script>
    <style>
        img {
            max-width: none;
        }
    </style>
    <hook name="before_head_end"/>
</head>
<body>
<include file="public@navTop"/>
<a href="/" target="_self">
    <img src="{:cmf_get_image_preview_url($site_info.site_logo)}" class="logo">
</a>
<include file="public@navTop"/>

<div>
    <ul id="home-slider" class="list-unstyled">
        <slides id="5">
            <li>
                <a>
                    <div style="height: 550px;width: 100%;background:url('{:cmf_get_image_url($vo.image)}') center;background-size:100% auto;">

                    </div>
                </a>
            </li>
        </slides>
    </ul>
</div>
<div class="container tc-main" style="border-radius: 10px;background: #ffffff;padding: 20px 0;">
    <div class="row">
        <div class="col-md-12">
            <div class="tc-box article-box">
                <h2 style="text-align: center;color:#20296F;">{$page.post_title}</h2>
                <hr>
                <div class="item-infobox">
                    <div class="row">
                        <div class="col-md-12">
                            {$page.post_content}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<include file="public@footer"/>

<style>
    .footer {
        display: block;
        animation-name: footerInAn;
        position: relative;
    }

    .footer-link {
        height: 40px;
    }

    .footer-link .code-img {
        bottom: 0;
    }

    #topNav {
        animation-name: topNavInAn;
    }

</style>
<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script>
    $(function () {
        var trans = ['fade', 'horizontal']
        var tran = trans[Math.floor(Math.random() * 1 + 1)]
        $(".list-unstyled").slippry({
            transition: tran,
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 2000,
            auto: true,
            preload: 'visible',
            controls: true
        });
        $(".list-unstyled").show();
    });
</script>
<hook name="before_body_end"/>
</body>
</html>